.pinglun{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 1.3rem;
    z-index: 20;
    .scrollarea{
        height: 0.7rem;
        padding: 0 0.07rem;
        overflow: auto;
        // display: inline-block;
        // width: calc( 100% - 0.14rem );
        >div{
            display: block;
            font-size: 0.1rem;
            line-height: 0.3rem;
            margin: 0.05rem 0;
            >span{
                background-color: rgba(107, 204, 162, 0.6);
                padding:0.06rem 0.25rem;
                border-radius: 0.2rem;
                color: #fff;
                font-size: 0.1rem;
            }
        }
    }
    .liuyanban{
        height: 0.6rem;
        overflow: hidden;
        position: relative;
        // display: inline-block;
        // width: 100%;
        .inputs{
            color: white;
            font-size: 0.15rem;
            width: 70%;
            line-height: 0.35rem;
            margin-top: 0.1rem;
            margin-left: 0.05rem;
            background: rgba(0,0,0,.35);
            border-radius: 0.2rem;
            box-sizing: border-box;
            padding: 0 0.1rem;
        }
        .liwu{
            width: 0.384rem;
            height: 0.384rem;
            background: url(../../assets/images/liwu.png) center center no-repeat;
            background-size: 0.384rem;
            position: absolute;
            right: 15%;
            top: 20%;
            animation: tiao1 8s infinite;
            animation-fill-mode: forwards;
        }
        .xiaoxi{
            width: 0.384rem;
            height: 0.384rem;
            background: url(../../assets/images/xiaoxi.png) center center no-repeat;
            background-size: 0.384rem;
            position: absolute;
            right: 3%;
            top: 20%;
            animation: tiao2 8s infinite;
            animation-fill-mode: forwards;
        }
    }
    // input{
    //     padding: 15px;
    //     border-radius: 25px;
    //     color: #D0D1D2;
    //     background-color: #F2F3F6;
    //     margin-bottom: 10px;
    // }
}

.adm-popup-body{
    div{
        input{
            padding: 10px 15px;
            border-radius: 25px;
            color: #999;
            background-color: #F2F3F6;
            margin-bottom: 10px;
            border: none;
            width: 2.4rem;
            outline: none;
            font-size: 0.15rem;
        }
    }
    div.descs{
        display: flex;
        justify-content: space-between;
        >button{
            height: 0.35rem;
            width: 0.8rem;
            outline: none;
            border: none;
            border-radius: 0.18rem;
            background-color: #CCCCCC;
            color: #fff;
            font-size: 0.15rem;
        }
    }
}

@keyframes tiao1 {
    0%{
        transform: translateY(0px);
    }
    4%{
        transform: translateY(7px);
    }
    10%{
        transform: translateY(-7px);
    }
    15%{
        transform: translateY(5px);
    }
    19%{
        transform: translateY(-5px);
    }
    22%{
        transform: translateY(3px);
    }
    24%{
        transform: translateY(-3px);
    }
    26%{
        transform: translateY(0px);
    }
    100%{
        transform: translateY(0px);
    }
}


@keyframes tiao2 {
    0%{
        transform: translateY(0px);
    }
    27%{
        transform: translateY(0px);
    }
    31%{
        transform: translateY(7px);
    }
    37%{
        transform: translateY(-7px);
    }
    42%{
        transform: translateY(5px);
    }
    46%{
        transform: translateY(-5px);
    }
    49%{
        transform: translateY(3px);
    }
    51%{
        transform: translateY(-3px);
    }
    52%{
        transform: translateY(0);
    }
    100%{
        transform: translateY(0);
    }
}